﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>修改密码</title>
    <link rel="stylesheet" type="text/css" media="all" href="style.css"/>
    <link rel="stylesheet" type="text/css" href="style/css/media-queries.css"/>
    <link rel="stylesheet" type="text/css" href="style/js/player/mediaelementplayer.css"/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,300,700,700italic|Open+Sans+Condensed:300,700'
          rel="stylesheet" type='text/css'>
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all"/>
    <![endif]-->
    <!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all"/>
    <![endif]-->
    <script type="text/javascript" src="style/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
    <script type="text/javascript" src="style/js/retina.js"></script>
    <script type="text/javascript" src="style/js/selectnav.js"></script>
    <script type="text/javascript" src="style/js/jquery.masonry.min.js"></script>
    <script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
    <script type="text/javascript" src="style/js/jquery.backstretch.min.js"></script>
    <script type="text/javascript" src="style/js/mediaelement.min.js"></script>
    <script type="text/javascript" src="style/js/mediaelementplayer.min.js"></script>
    <script type="text/javascript" src="style/js/jquery.dcflickr.1.0.js"></script>
    <script type="text/javascript" src="style/js/twitter.min.js"></script>

    <!-- the change password js-->
    <script type="text/javascript" src="js/change_password.js"></script>
    <!-- the logout js -->
    <script type="text/javascript" src="js/logout.js"></script>

    <script type="text/javascript">
        $.backstretch("style/images/bg/1.jpg");
    </script>
</head>
<body onload="load_admin_info()">
<div class="scanlines"></div>

<!-- Begin Header -->
<div class="header-wrapper opacity">
    <div class="header">
        <!-- Begin Logo -->
        <div class="logo">
            <a href="index.html">
                <img src="images/11.png" alt=""/>
            </a>
        </div>
        <!-- End Logo -->
        <!-- Begin Menu -->
        <div id="menu-wrapper">
            <div id="menu" class="menu">
                <ul id="tiny">
                    <li>
                        <a href="status.html">路由状态</a>
                    </li>
                    <li>
                        <a class="active" href="#">系统设置</a>
                        <ul>
                            <li><a href="wifi_auth.html">关闭路由认证</a></li>
                            <li><a href="modify.html">修改密码</a></li>
                            <li><a href="reset.html">恢复出厂设置</a></li>
                            <li><a href="reboot.html">重启</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">网络设置</a>
                        <ul>
                            <li><a href="typography.html">上网设置</a></li>
                            <li><a href="wifi.html">无线设置</a></li>
                        </ul>
                    </li>
                    <li style="margin-left:80px;"><a href="#">lin</a></li>
                    <li><input type="button"
                               style="background-color:#ffffff; border-radius:10px; width:60px;height:19px; color:#39accb; cursor: pointer"
                               value="退出" onclick="logout()"/></li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        <!-- End Menu -->
    </div>
</div>
<!-- End Header -->

<!-- Begin Wrapper -->
<div class="wrapper"><!-- Begin Intro -->
    <div style="margin-bottom:20px;">
        <img style="width:70px; margin-left:auto; margin-right:auto" src="images/22.png">

        <p style="color:#000000; font-size:15px; font-weight:600; width:62px; margin-left:auto; margin-right:auto">
            系统设置</p>
    </div>
    <div style="background-color: rgba(232, 232, 232, 0.21);
                    border-radius: 25px;
                    color: #fff;
                    font-weight: 300;
                    max-width: 888px;
                    padding: 0 30px 30px 30px;
                    margin: 30px auto 0 auto;">
        <div style="padding-top:20px; margin-left:10px;">
            <p style="font-size:14px; font-weight:600; float:left;">修 改 密 码</p>
            <input style="width:150px; height:100%;margin-left:75%;cursor: pointer;" type="button" value="提交更改" onclick="change_password()"/>
        </div>
        <hr style="margin-top:20px;"/>
        <div style="text-align: -webkit-center;">
            新用户名：<input type="text" style="margin-top:15px;margin-bottom:15px; width:15%;" id="username" /><br />
            新 &nbsp;密 &nbsp;码：<input type="password" style="margin-bottom:15px;width:15%" id="pwd1" /><br />
            确认密码：<input type="password" style="margin-bottom:20px;width:15%" id="pwd2" />
        </div>
    </div>

</div>
<!-- End Footer -->
<script type="text/javascript" src="style/js/scripts.js"></script>
<script type="text/javascript">
    if (document.getElementById("pwd1").value != document.getElementById("pwd2").value) {
        alert("两次密码必须一致!");
    }
</script>
</body>
</html>